<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('告示列表')" />
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 search-collapse">
            <form id="formId">
                <div class="select-list">
                    <ul>
<!--                        <li>-->
<!--                            <p>项目id：</p>-->
<!--                            <input type="text" name="lkProjectId"/>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <p>事项id：</p>-->
<!--                            <input type="text" name="lkMatterProjectId"/>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <p>签字人ID：</p>-->
<!--                            <input type="text" name="signatureUserId"/>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <p>签字人姓名：</p>-->
<!--                            <input type="text" name="signatureUserName"/>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <p>签字信息：</p>-->
<!--                            <input type="text" name="signatureInformation"/>-->
<!--                        </li>-->
<!--                        <li class="select-time">-->
<!--                            <p>签字时间：</p>-->
<!--                            <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginSignatureTime]"/>-->
<!--                            <span>-</span>-->
<!--                            <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[endSignatureTime]"/>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <p>项目编号：</p>-->
<!--                            <input type="text" name="lkProCode"/>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <p>类型：</p>-->
<!--                            <select name="type" th:with="type=${@dict.getType('')}">-->
<!--                                <option value="">所有</option>-->
<!--                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                            </select>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <p>内容：</p>-->
<!--                            <input type="text" name="content"/>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <p>计划完成时间：</p>-->
<!--                            <input type="text" name="planningTime"/>-->
<!--                        </li>-->
                        <li>
                            <p>事项名称：</p>
                            <input type="text" name="name"/>
                        </li>
                        <li>
                            <p>警告类型：</p>
                            <select name="lightType" th:with="type=${@dict.getType('')}">
                                <option value="">所有</option>
                                <option value="1">红色警告</option>
                                <option value="2">黄色警告</option>
                            </select>
                        </li>
<!--                        <li>-->
<!--                            <p>是否已读：</p>-->
<!--                            <input type="text" name="isRead"/>-->
<!--                        </li>-->
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div class="btn-group-sm" id="toolbar" role="group">
<!--            <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="system:notice:add">-->
<!--                <i class="fa fa-plus"></i> 添加-->
<!--            </a>-->
<!--            <a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="system:notice:edit">-->
<!--                <i class="fa fa-edit"></i> 修改-->
<!--            </a>-->
            <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="linkong:notice:remove">
                <i class="fa fa-remove"></i> 删除并修改亮灯状态
            </a>
<!--            <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="system:notice:export">-->
<!--                <i class="fa fa-download"></i> 导出-->
<!--            </a>-->
            <a class="btn btn-warning" onclick="batchGenCode()" shiro:hasPermission="linkong:notice:export">
                <i class="fa fa-download"></i> 批量导出
            </a>
        </div>
        <div class="col-sm-12 select-table table-striped">
            <table id="bootstrap-table" data-mobile-responsive="true"></table>
        </div>
    </div>
</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
    var editFlag = [[${@permission.hasPermi('linkong:notice:edit')}]];
    var removeFlag = [[${@permission.hasPermi('linkong:notice:remove')}]];
    var exportFlag = [[${@permission.hasPermi('linkong:notice:exportNotice')}]];
    var previewFlag = [[${@permission.hasPermi('linkong:notice:preview')}]];
    // var readFlag = [[${@permission.hasPermi('linkong:notice:signature')}]];
    var prefix = ctx + "linkong/notice";

    $(function() {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            exportUrl: prefix + "/export",
            modalName: "告示",
            columns: [{
                checkbox: true
            },
                {
                    field : 'lkNoticeId',
                    title : '告示id',
                    visible: false
                },
                // {
                //     field : 'lkProjectId',
                //     title : '项目id'
                // },
                // {
                //     field : 'lkMatterProjectId',
                //     title : '事项id'
                // },
                // {
                //     field : 'signatureUserId',
                //     title : '签字人ID'
                // },
                // {
                //     field : 'signatureUserName',
                //     title : '签字人姓名'
                // },
                // {
                //     field : 'signatureInformation',
                //     title : '签字信息'
                // },
                // {
                //     field : 'signatureTime',
                //     title : '签字时间'
                // },
                // {
                //     field : 'remark',
                //     title : '备注'
                // },
                {
                    field : 'lkProject.proName',
                    title : '所属项目'
                },
                {
                    field : 'name',
                    title : '事项名称'
                },
                {
                    field : 'lkProCode',
                    title : '项目编号'
                },
                {
                    field : 'lightType',
                    title : '警告等级',
                    align: 'center',
                    formatter: function(value, row, index) {
                        if (value == "1") {
                            // return '<span class="badge badge-danger"> </span>';
                            return '<img  class="imgtag" src="../../img/red.png" style="width: 10px" alt="">';
                        } else if (value == "2") {
                            return '<img  class="imgtag" src="../../img/yellow.png" style="width: 10px" alt="">';
                        }
                    }
                },
                {
                    field : 'lkMatterProject.mainOrgname',
                    title : '负责部门'
                },
                // {
                //     field : 'type',
                //     title : '负责部门类型',
                //     align: 'center',
                //     formatter: function(value, row, index) {
                //         if (value == "0") {
                //             return '企业';
                //         } else if (value == "1") {
                //             return '部门';
                //         }
                //     }
                // },
                {
                    field : 'content',
                    title : '内容'
                },
                {
                    field : 'planningTime',
                    title : '计划完成时间',
                    sortable: true
                },
                {
                    field : 'isRead',
                    title : '是否已读',
                    align: 'center',
                    formatter: function(value, row, index) {
                        if (value == "1") {
                            return '<span class="badge badge-grey">已读</span>';
                        } else if (value == "2") {
                            return '<span class="badge badge-info">未读</span>';
                        }
                    }
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function(value, row, index) {
                        var actions = [];
                        // actions.push('<a class="btn btn-info btn-xs ' + previewFlag + '" href="javascript:void(0)" onclick="preview(\'' + row.lkNoticeId + '\')"><i class="fa fa-search"></i>查看</a> ');
                        actions.push('<a class="btn btn-info btn-xs ' + previewFlag + '" href="javascript:void(0)" onclick="preview2(\'' + row.lkNoticeId + '\',\'' + row.isRead + '\')"><i class="fa fa-search"></i>查看</a> ');
                        // actions.push('<a class="btn btn-info btn-xs ' + readFlag + '" href="javascript:void(0)" onclick="read(\'' + row.lkNoticeId + '\')"><i class="fa fa-search"></i>签字</a> ');
                        actions.push('<a class="btn btn-primary btn-xs ' + exportFlag + '" href="javascript:void(0)" onclick="genCode(\'' + row.lkNoticeId + '\')"><i class="fa fa-download"></i>导出</a> ');
                        // actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.lkNoticeId + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                        // actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.lkNoticeId + '\')"><i class="fa fa-remove"></i>删除</a>');
                        return actions.join('');
                    }
                }]
        };
        $.table.init(options);
    });

    // 预览告示单
    // function preview(tableId) {
    //     var preViewUrl = prefix + "/preview/" + tableId;
    //     $.modal.loading("正在加载数据，请稍后...");
    //     $.get(preViewUrl, function(result) {
    //         if (result.code == web_status.SUCCESS) {
    //             var items = [];
    //             items.push({
    //                 title: "预览" , content: result.data
    //             })
    //             top.layer.tab({
    //                 area: ['90%', '90%'],
    //                 shadeClose: true,
    //                 tab: items,
    //                 cancel:function () {
    //                     // 刷新告示单列表数据
    //                 }
    //             });
    //         } else {
    //             $.modal.alertError(result.msg);
    //         }
    //         $.modal.closeLoading();
    //     });
    // }

    // 预览告示单
    var noticeId = null;
    function preview2(id , isRead) {
        var url = prefix + '/preview2/' + id;
        layer.open({
            type: 2,
            maxmin: true,
            shade: 0.3,
            title: "预览",
            fix: false,
            area: ['800px', ($(window).height() - 50) + 'px'],
            content: url,
            shadeClose:  true,
            end:function(){
                $("button[name = 'refresh']").trigger("click");
            },
            cancel: function () {
                return true;
            }
        })

        // var url = prefix + '/preview2/' + id;
        // noticeId = id;
        // var options = {
        //     title: "预览",
        //     url: url,
        //     btn: ['签字'],
        //     callBack: doSubmit
        // };
        // var options2 = {
        //     title: "预览",
        //     url: url,
        //     btn: 'hidden'
        // };
        // parent.location.reload();
        // if (isRead == "2"){
        //     $.modal.openOptions(options);
        // }else{
        //     $.modal.openOptions(options2);
        // }
    }

    function doSubmit(index, layero){
        $.modal.confirm("确认已经浏览过这个告示单？", function() {
            var data = { "id": noticeId };
            $.operate.post(prefix + "/signature", data);
            noticeId = null;
            layer.close(index);
        })
    }

    function genCode(id) {
        $.modal.confirm("确定要导出？", function() {
            location.href = prefix + "/exportNotice/" + id;
            layer.msg('执行成功,正在导出请稍后…', { icon: 1 });
        })
    }

    function batchGenCode() {
        var rows = $.table.selectColumns("lkNoticeId");
        if (rows.length == 0) {
            $.modal.alertWarning("请选择要导出的数据");
            return;
        }
        $.modal.confirm("确认要导出选中的" + rows.length + "条数据吗?", function() {
            location.href = prefix + "/batchEExportNotice?tables=" + rows;
            layer.msg('执行成功,正在生成代码请稍后…', { icon: 1 });
        });
        // console.log(rows)
    }

    // function read(tableId) {
    //     $.modal.confirm("确认已经浏览过这个告示单？", function() {
    //         var data = { "id": tableId };
    //         $.operate.post(prefix + "/signature", data);
    //     })
    // }
</script>
</body>
</html>